<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
	<title>首页</title>
	<#include "../common/commonCss.html">
</head>
<body class="home blog columns-4">

	<!-- head -->
	<#include "../common/commonHead.html">

	<div id="wrap">
		<!-- 主体 -->
		<div class="container main">

			<!-- 主体左侧内容 -->
			<div class="content">

				<!-- top-logo -->
				<div class="slider-wrap clearfix">
					<div id="carousel-example-generic" class="carousel slide"
						data-ride="carousel" style="height: 284.4px; overflow: hidden;">

						<ol class="carousel-indicators">
							<li data-target="#carousel-example-generic" data-slide-to="0"
								class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>

						<div class="carousel-inner" role="listbox">
							<div class="item active">
								<img src="resources/Front/img/1.jpg" alt="img1">
								<div class="carousel-caption">
									<h3>aaa</h3>
									<p>AAA</p>
								</div>
							</div>
							<div class="item">
								<img src="resources/Front/img/2.jpg" alt="img2">
								<div class="carousel-caption">
									<h3>bbb</h3>
									<p>BBB</p>
								</div>
							</div>

							<div class="item">
								<img src="resources/Front/img/3.jpg" alt="img3">
								<div class="carousel-caption">
									<h3>ccc</h3>
									<p>CCC</p>
								</div>
							</div>
						</div>


						<a class="left carousel-control" href="#carousel-example-generic"
							role="button" data-slide="prev"> <span
							class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						</a> <a class="right carousel-control"
							href="#carousel-example-generic" role="button" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"
							aria-hidden="true"></span> <span class="sr-only">Next</span>
						</a>
					</div>
				</div>

				<!-- 分类 -->
				<div class="sec-panel topic-recommend">
					<div class="sec-panel-head">
						<h2>
							专题介绍 <small>专题模块标题旁边的描述文字</small><a href="/special"
								target="_self" class="more">全部专题</a>
						</h2>
					</div>
					<div class="sec-panel-body">
						<ul class="list topic-list">
							<#list articleSorts as list>
								<li class="topic"><a class="topic-wrap"
									href="/article-java-${list.type_id}.html" target="_self">
										<div class="cover-container">
											<img src="resources/Front/img/top.jpg" alt="${list.type_name}" />
										</div><span>${list.type_name}</span>
									</a>
								</li>
							</#list>
						</ul>
					</div>
				</div>

				<!-- 最新文章list -->
				<div class="sec-panel main-list">
					<div class="sec-panel-head">
						<ul class="list tabs">
							<li class="tab active"><a href="javascript:;">最新文章</a></li>
						</ul>
					</div>
					<ul class="article-list tab-list active">
						<#list pagelist as list>
							<li class="item">
								<div class="item-img img-rounded">
									<a href="/article?content=${list.content_id}" title=${list.title}
										target="_self"> <img width="480" height="300"
										src="resources/Front/img/3.jpg"
										class="attachment-post-thumbnail size-post-thumbnail j-lazy wp-post-image"
										alt=${list.title}
										data-original="/templates/cms.pintu/images/random/9.jpg"
										style="display: inline;"">
									</a> <a href="/article-technology-${list.type_id}.html" class="item-category">${list.type_name}</a>
								</div>
								<div class="item-content">
									<h2 class="item-title">
										<a href="/article?content=${list.content_id}" title="${list.title}"
											target="_self">${list.title}</a>
									</h2>
									<div class="item-excerpt">
										<p>背景：昨天新够了一台2G内存的主机，所以我折腾折腾多应用 所以整合了多个节点；
											[dzapp@VM_137_106_centos app]$ ls -ltr total 8 drwxrwxr-x 8
											dzapp dzapp 4096 May 3 17:03 app1 drwxrwxr-x 8 dzapp dzapp
											4096 May 3 17:31 app2 [dzapp@VM_137_106_centos app]$
											分别为节点1，节点2； 下面以节点1为例构建： [dzapp@VM_137_106_centos tomcat]$ pwd
											/home/dzapp/bin/tomcat [</p>
									</div>
									<div class="item-meta">
										<div class="item-meta-li author">
											<a data-user="${list.user_id}" target="_self" href="#" class="avatar">
												<img src="${list.user_image_url}"
												class="func-um_user gravatar avatar avatar-60 um-avatar um-avatar-uploaded"
												width="60" height="60" alt="yw">
											</a> <a class="nickname" href="#" target="_self">${list.user_name}</a>
										</div>
										<span class="item-meta-li date">${list.create_dt}</span> <span
											class="item-meta-li views" title="阅读数"><i
											class="fa fa-eye"></i><span class="data">${list.read_count}</span></span> <span
											class="item-meta-li likes" title="点赞数"><i
											class="fa fa-thumbs-up"></i><span class="data">${list.laud_count}</span></span> <a
											class="item-meta-li comments"
											href="/article/4205.html#comments" target="_self" title="评论数">
											<i class="fa fa-comment"></i> <span class="data">评论: ${list.comment_count}</span>
										</a> <span class="item-meta-li hearts" title="喜欢数"><i
											class="fa fa-heart"></i><span class="data">${list.comment_count}</span></span>
									</div>
								</div>
							</li>
						</#list>
					</ul>
					<!--分页-->
    				<div id="page" style="text-align: center;"></div>
				</div>

			</div>

			<!-- 主体右侧导航栏 -->
			<aside class="sidebar">
				<div id="views-2" class="widget widget_views">
					<h3 class="widget-title">热门阅读</h3>
					<ul class="list-group">
						<#list contentInfos as list>
							<li class="list-group-item"><span class="badge">${list.read_count}</span><a href="/article?content=${list.content_id}" title="${list.title}">${list.title}</a></li>
						</#list>
					</ul>
				</div>
				<div id="views-4" class="widget widget_views">
					<h3 class="widget-title">评论排行</h3>
					<ul class="list-group">
						<#list commentlist as list>
							<li class="list-group-item"><span class="badge">${list.comment_count}</span><a href="/article?content=${list.content_id}" title="${list.title}">${list.title}</a></li>
						</#list>
					</ul>
				</div>
			</aside>
		</div>

	</div>

	<!-- 底部 --> 
	<#include "../common/commonFoot.html"> 
	<!-- <div class="weather"><iframe width="250" scrolling="no" height="60" frameborder="0" allowtransparency="true" src="http://i.tianqi.com/index.php?c=code&amp;id=12&amp;icon=1&amp;num=1"></iframe></div> -->
	<#include "../common/commonJs.html">
	<script src="resources/common/jqPaginator.js"></script>
	<script type="text/javascript">
		//分页查询
		layui.use('laypage', function(){
			var laypage = layui.laypage;
			laypage.render({
				elem: 'page'
				,count: ${totalRow} //数据总数
				,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
				,theme:'#1E9FFF'
				,limit:${pageSize}
				,jump: function(obj,first){
					//obj包含了当前分页的所有参数，比如：
				    console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
				    console.log(obj.limit); //得到每页显示的条数
				    //首次不执行
				    if(!first){
				    	window.location.href="/index?pageNumber="+obj.curr+"&pageSize="+obj.limit;
				    }
				}
			});
		});
	</script>
</body>
</html>